@media (max-width: 768px) {
    @charset "utf-8";
    /* CSS reset for c_b*/
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
        margin: 0;
        padding: 0;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    table th,table td {
        padding: 5px;
    }

    fieldset,img {
        border: 0;
    }

    address,caption,cite,code,dfn,em,i,th,var {
        font-style: normal;
        font-weight: normal;
    }

    ol,ul {
        list-style: none;
    }

    ception,th {
        text-align: left;
    }

    q:before,q:after {
        content: '';
    }

    abbr,acronym {
        border: 0;
    }

    a {
        color: #666;
        text-decoration: none;
    }

    /*for ie f6n.net*/
    a:focus {
        outline: none;
    }

    /*for ff f6n.net*/
    a:hover {
        text-decoration: none;
    }

    /*定位*/
    .tl {
        text-align: left;
    }

    .tc {
        text-align: center;
    }

    .tr {
        text-align: right;
    }

    .bc {
        margin-left: auto;
        margin-right: auto;
    }

    .fl {
        float: left;
        display: inline;
    }

    .fr {
        float: right;
        display: inline;
    }

    .zoom {
        zoom:1}

    .hidden {
        visibility: hidden;
    }

    .vam {
        vertical-align: middle;
    }

    .clear {
        clear: both;
        height: 0;
        line-height: 0;
        font-size: 0;
    }

    p {
        word-spacing: -1.5px;
    }

    li {
        list-style: none;
    }

    -moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;/*其他*/
    .cur {
        cursor: pointer
    }

    /*原reset*/
    sup {
        vertical-align: baseline;
    }

    sub {
        vertical-align: baseline;
    }

    input,button,textarea,select,optgroup,option {
        font-family: inherit;
        font-size: inherit;
        outline: none;
        font-style: inherit;
        font-weight: inherit;
    }

    input,button,textarea,select {
        *font-size: 100%;
    }

    input,select {
        vertical-align: middle;
    }

    body {
        font: 12px/1.231 arial,helvetica,clean,sans-serif;
    }

    select,input,button,textarea,button {
        font: 99% arial,helvetica,clean,sans-serif;
    }

    table {
        font-size: 14px;
        width: 100%;
        border-collapse: collapse;
    }

    pre,code,kbd,samp,tt {
        font-family: monospace;
        *font-size: 108%;
        line-height: 100%;
    }

    /*title*/
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 14px;
    }

    h5 {
        font-size: 12px;
    }

    h6 {
        font-size: 10px;
    }

    .my-kefu {
        display: none;
    }

    /*清除浮动*/
    .clearfix:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }

    .clearfix {
        /*兼容 IE*/
        zoom:1;}

    /*end reset*/
    /* CSS Document*/
    body {
        background-color: #fff;
        overflow-x: hidden;
        color: #666;
        font-size: 14px;
        font-family: "微软雅黑";
        position: relative;
        width: 100%;
        min-width: 0px;
    }

    /*网站字体颜色*/
    .content,.container {
        margin-left: auto;
        margin-right: auto;
        width: 1200px;
    }

    /**/
    .dropdown {
        float: left;
        height: 20px;
        /* padding-left:20px;*/
        position: relative;
        z-index: 10;
        margin-top: 29px;
    }

    .dropdown-main {
        height: 30px;
        float: left;
        position: relative;
        z-index: 10;
        color: #666666;
    }

    .dropdown-main i.helper-sprite-menu {
        float: left;
        margin-top: 10px;
        margin-right: 3px;
        background-position: -91px -109px;
        width: 14px;
        overflow: hidden;
        height: 10px;
        line-height: 10px;
    }

    .dropdown-main span {
        font-family: Arial;
        line-height: 30px;
        float: left;
        margin-right: 3px;
    }

    .dropdown-main .helper-sprite-dropdown {
        -webkit-transition: 300ms;
        transition: 300ms;
    }

    .helper-sprite-dropdown {
        float: left;
        margin-top: 11px;
        overflow: hidden;
        background-position: -64px -111px;
        width: 9px;
        height: 7px;
    }

    .dropdown-main_after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: pink;
        border: 1px solid #e1e1e1;
        border-bottom: 0px solid #e1e1e1;
        box-sizing: content-box;
        height: 28px;
        left: 9px;
        padding: 0 10px;
        position: absolute;
        top: -5px;
        visibility: hidden;
        width: 80px;
        z-index: 1;
    }

    .dropdown-sub {
        position: absolute;
        background-color: #3333337d;
        left: 0;
        top: 0px;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition: 300ms;
        transition: 300ms;
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        z-index: 0;
    }

    .dropdown-sub a {
        margin-left: 20px;
        display: inline;
    }

    .dropdown:hover .dropdown-main .helper-sprite-dropdown {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .dropdown-hover .dropdown-sub {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .searchBox {
        display: none;
        position: absolute;
        left: 0;
        top: 99px;
        height: 250px;
        background: url(../images/seachbg.jpg) no-repeat center;
        width: 100%;
    }

    .searchBox h3 {
        margin-bottom: 18px;
        text-align: center;
        font-size: 25px;
        color: #fff;
        font-weight: normal;
    }

    .searchBox h3 em {
        display: block;
        width: 1px;
        height: 55px;
        background: #fff;
        margin: 0 auto;
    }

    .searchBox .searInp {
        height: 60px;
        background: #fff;
        margin-bottom: 25px;
    }

    .searchBox .searInp input {
        float: left;
        width: 1135px;
        height: 60px;
        border: none;
        line-height: 60px;
        font-size: 16px;
        color: #999;
        text-indent: 15px;
    }

    .searchBox .searInp span {
        float: right;
        display: block;
        width: 60px;
        height: 60px;
        background: url(../images/search02.png) no-repeat center;
        cursor: pointer;
    }

    .searchBox .keyword {
        text-align: center;
    }

    .searchBox .keyword li {
        display: inline-block;
        *display: inline;
        *zoom:1;vertical-align: middle;
        margin: 0 5px;
        color: #fff;
    }

    .searchBox .keyword li a {
        color: #fff;
    }

    .wrap-footer {
        padding: 40px 0 65px 0;
        background: url(../images/fbg.jpg);
        border-top: 1px solid #e6dfdf;
    }

    .wrap-footer ul {
        float: left;
        margin-left: 110px;
    }

    .wrap-footer ul:first-child {
        margin-left: 0;
    }

    .wrap-footer ul li {
        margin-bottom: 10px;
    }

    .wrap-footer ul li:hover a {
        color: #1873bd;
    }

    .wrap-footer ul li:first-child {
        margin-bottom: 24px;
    }

    .wrap-footer ul li:first-child a {
        color: #333;
    }

    .wrap-footer dl {
        float: right;
        text-align: right;
    }

    .wrap-footer dl dt {
        margin-bottom: 5px;
    }

    .wrap-footer dl dt img {
        display: block;
        width: 98px;
        height: 98px;
    }

    .wrap-footer dl dd {
        margin-right: 5px;
    }

    .ficp {
        height: 90px;
        background: #f8f8f8;
    }

    .ficp .container {
        position: relative;
        height: 90px;
    }

    .ficp p {
        height: 90px;
        line-height: 90px;
    }

    .ficp .ficpbg {
        height: 90px;
        width: 640px;
        background: #1873bd;
        position: absolute;
        right: -360px;
        top: 0;
    }

    .ficp p.fr {
        color: #fff;
        padding-left: 30px;
        background: url(../images/ftel.png) no-repeat left center;
        position: relative;
        z-index: 2;
    }

    .zxkf {
        position: fixed;
        right: 0;
        top: 40%;
        z-index: 99;
        width: 56px;
    }

    .zxkf ul li {
        height: 54px;
        width: 210px;
        background: #1873bd;
        margin-bottom: 3px;
        border-radius: 15px 0 0 15px;
        position: relative;
        left: 0px;
        overflow: hidden;
        transition: all 0.5s;
    }

    .zxkf ul li a {
        display: block;
        height: 56px;
    }

    .zxkf ul li img {
        float: left;
        width: 30px;
        height: 30px;
        position: relative;
        left: 15px;
        top: 12px;
    }

    .zxkf ul li.li2 img {
        width: 31px;
        height: 15px;
        top: 19px;
    }

    .zxkf ul li.li6 img {
        top: 14px;
    }

    .zxkf ul li.li7 {
        overflow: initial;
    }

    .zxkf ul li p {
        float: right;
        height: 56px;
        line-height: 56px;
        font-size: 14px;
        width: 150px;
        font-size: 16px;
        color: #fff;
    }

    .zxkf ul li:hover {
        left: -150px;
    }

    .zxkf ul li.li1:hover {
        left: 0;
        background: #1873bd;
    }

    .zxkf ul li.li2:hover {
        left: 0;
        background: #1873bd;
    }

    .zxkf ul li.li7:hover {
        left: 0;
    }

    .zxkf ul li.li7 p {
        position: absolute;
        right: -56px;
        bottom: 0;
        width: 100px;
        height: 100px;
        padding: 5px;
        background: #2f2f2f;
    }

    .zxkf ul li.li7:hover p {
        right: 211px;
        bottom: 0;
        width: 100px;
        height: 100px;
        padding: 5px;
        background: #2f2f2f;
    }

    .zxkf ul li.li7:hover p img {
        width: 100px;
        height: 100px;
        left: 0;
        top: 0;
    }

    /*banner*/
    .banner-wrap {
        width: 100%;
        margin-top: 0;
        position: relative;
        z-index: 1;
        height: 100px;
    }

    .banner-wrap ul {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .banner-wrap ul li {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .banner-wrap ul li:not(:first-child) {
        display: none;
    }

    .banner-wrap li img {
        width: auto;
        position: absolute;
        left: 0%;
        width: 100%;
        top: 0;
        margin-left: 0px;
    }

    .circle-box {
        width: 100%;
        height: 12px;
        text-align: center;
        position: absolute;
        bottom: 0px;
        left: 0;
        z-index: 1;
        display: none;
    }

    .circle-box span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: solid 1px #1873bd;
        margin-right: 20px;
    }

    .circle-box span.cur {
        background-color: #1873bd;
    }

    .banner-wrap span.jt {
        display: block;
        width: 58px;
        height: 58px;
        background-repeat: no-repeat;
        position: absolute;
        top: 320px;
        z-index: 9;
        cursor: pointer;
        display: none;
    }

    .banner-wrap span.left-jt {
        left: 20px;
        background-image: url(../images/babot1.png);
    }

    .banner-wrap span.right-jt {
        right: 20px;
        background-image: url(../images/babot2.png);
    }

    /*返回顶部*/
    .retop ul {
        overflow: hidden;
    }

    .retop li {
        float: left;
        margin-left: 10px;
    }

    .retop li img {
        display: block;
    }

    .rtTop {
        width: 43px;
        height: 43px;
        overflow: hidden;
        position: fixed;
        top: 80%;
        right: 46%;
        margin-right: -615px;
        cursor: pointer;
        display: none;
    }

    .rtTop h4 {
        width: 43px;
        height: 43px;
        overflow: hidden;
        position: relative;
    }

    .rtTop img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* -- 弹出窗口 --*/
    #oran_full_bg {
        display: none !important;
    }

    /* tanchuang1 提交弹窗*/
    .tanchuang1 {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: url(../images/tanchuangbg.png);
        height: 100%;
        z-index: 9999999;
    }

    .tanchuang1 .conBox {
        width: 400px;
        height: 212px;
        padding: 20px;
        background: #fff;
        position: absolute;
        left: 50%;
        margin-left: -220px;
        top: 50%;
        margin-top: -80px;
        z-index: 9999999;
    }

    .tanchuang1 .conBox .tcClose {
        width: 33px;
        height: 90px;
        position: absolute;
        right: 45px;
        top: -90px;
        cursor: pointer;
        z-index: 999999999999999;
    }

    .tanchuang1 .conBox .box {
        width: 398px;
        height: 190px;
        border: 1px solid #e5e5e5;
        padding-top: 20px;
        text-align: center;
        position: relative;
    }

    .tanchuang1 .conBox .box img {
        display: block;
        width: 47px;
        height: 47px;
        margin: 0 auto;
    }

    .tanchuang1 .conBox .box h5 {
        font-size: 24px;
        color: #1873bd;
        font-weight: bold;
        margin-top: 10px;
    }

    .tanchuang1 .conBox .box p {
        font-size: 16px;
        color: #4d4d4d;
        margin-top: 10px;
    }

    .tanchuang1 .conBox .box .b15 {
        display: block;
        width: 150px;
        height: 52px;
        line-height: 52px;
        text-align: center;
        font-size: 18px;
        color: #000;
        position: absolute;
        bottom: -1px;
        left: 50%;
        margin-left: -75px;
        background: #1873bd;
        text-decoration: none;
        z-index: 999999999999999;
        border: 0px;
    }

    .tanchuang2 .conBox .box a {
        background: #404040;
    }

    /* 错误提示*/
    .errorMainCon {
        width: 100%;
        background: url(../images/errorbg.jpg) no-repeat center #f6f6f6;
        height: 330px;
        padding-top: 300px;
    }

    .errorMainCon h3 {
        width: 525px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        font-size: 24px;
        color: #1e1e1e;
        font-weight: normal;
        margin: 0 auto;
    }

    .errorMainCon h3 em {
        color: #1873bd;
        font-weight: bold;
    }

    .errorMainCon p {
        font-size: 20px;
        color: #000000;
        text-align: center;
        margin-top: 30px;
    }

    .errorMainCon p em {
        color: #1873bd;
    }

    .errorMainCon a.error-url {
        font-size: 15px;
        color: #999999;
        font-family: arial;
        display: block;
        text-align: center;
        margin-top: 4px;
    }

    .errorMainCon .btn {
        text-align: center;
        height: 52px;
        width: 228px;
        margin: 30px auto 0;
        overflow: hidden;
    }

    .errorMainCon .btn .a1 {
        display: block;
        width: 104px;
        height: 52px;
        line-height: 52px;
        text-align: center;
        font-size: 16px;
        color: #818181;
        background: #e3e3e3;
        border-radius: 4px;
        float: left;
        text-decoration: none;
        border: none;
    }

    .errorMainCon .btn .a1:first-child {
        background: #1873bd;
        color: #fff;
        margin-right: 20px;
    }

    /**/
    #home {
        min-width: 100%;
        margin: auto;
        display: block;
    }

    #page {
        background-color: #FFF;
    }

    #head {
        background: #111;
        overflow: hidden;
    }

    .logo {
        float: right;
        width: 66%;
    }

    .logo img {
        width: 68%;
    }

    .btn {
        float: right;
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .btn span {
        width: 30px;
        background: #fff;
        height: 2px;
        display: block;
        margin: 9px 0;
        position: relative;
        transition: all 0.35s;
    }

    .btn .last {
        margin-bottom: 0;
    }

    .btn.active span:nth-child(1) {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: 12px;
    }

    .btn.active span:nth-child(2) {
        opacity: 0;
    }

    .btn.active .last {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        bottom: 10px;
    }

    .nav {
        width: 60%;
        height: calc(100vh - 63px);
        height: -webkit-calc(100vh - 63px);
        background-color: #151515;
        position: fixed;
        top: 46px;
        right: 0;
        color: #fff;
        transition: all .35s;
        -webkit-transition: all 0.35s;
        overflow: scroll;
        z-index: 9;
    }

    .nav-hide {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
        /* IE 9 */
        -moz-transform: translateX(100%);
    }

    .nav a {
        color: #fff;
    }

    .nav>ul>li>span {
        font-size: 20px;
        color: #ffffff;
        padding-left: 15px;
        border-left: 3px solid #ffffff;
        display: block;
        margin-bottom: 5px;
    }

    .nav>ul {
        padding-left: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .nav>ul>li>ul>li {
        padding-left: 25px;
    }

    .nav>ul ul li {
        line-height: 40px;
        font-size: 16px;
    }

    .nav>ul ul ul li {
        line-height: 30px;
        font-size: 14px;
    }

    .nav ul ul .more {
        background: url(../images/arrow-right.png) no-repeat left 14px;
        background-size: 6px;
        transition: all 0.25s;
    }

    .nav ul ul .more.active {
        background: url(../images/arrow-down.png) no-repeat left 18px;
        background-size: 12px;
    }

    .nav ul ul ul {
        display: none;
    }

    #null {
        height: 63px;
        position: relative;
        z-index: -1;
    }

    #header {
        position: relative;
        padding-top: 10px;
        padding-right: 10px;
        padding-left: 10px;
        min-height: 70px;
    }

    #nav {
        display: block;
        height: 82px;
        background-color: #009901;
    }

    #nav li {
        width: 33.33%;
        display: inline-block;
        float: left;
        height: 40px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #FFF;
    }

    #nav li a {
        text-align: center;
        color: #FFF;
        font-weight: bold;
        display: block;
        line-height: 40px;
        height: 40px;
    }

    #nav li a:hover {
        color: #FFF;
        background-color: #E15620;
    }

    #nav li.b a {
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #FFF;
    }

    #nav ul {
        height: 82px;
    }

    #banner {
        text-align: center;
        background: #ddd;
        height: 200px;
    }

    #banner img {
        display: block;
    }

    .tl {
        height: 45px;
        background-color: #009901;
        background-image: url(../images/tl-bg.png);
        background-repeat: repeat-x;
        background-position: left top;
    }

    .tl span {
        float: right;
        height: 45px;
        padding-right: 5px;
        line-height: 44px;
        font-size: 12px;
    }

    .tl a,.tl a:visited {
        color: #FFF;
    }

    .tel {
        padding: 10px 0;
        font-size: 16px;
        text-align: center;
    }

    .tel a {
        font-size: 17px;
        color: #e15620;
        font-weight: bold;
    }

    .news-ul li {
        background-image: url(../images/dot-gray.jpg);
        background-repeat: no-repeat;
        background-position: 2px center;
        line-height: 30px;
        padding-left: 15px;
    }

    .tl-h {
        font-weight: bold;
        color: #CCC;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tl-h a,.tl-h a:visited {
        color: #029CCE;
    }

    #team-list {
        display: block;
        padding-top: 10px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 5px;
    }

    #team-list li {
        display: inline-block;
        float: left;
        width: 25%;
        text-align: center;
    }

    #team-list li img {
        width: 90%;
    }

    .danniu .nav-btn {
        position: fixed;
        top: 50%;
        background: rgb(244,127,41);
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #fff;
    }

    .tl-p .iconn {
        position: absolute;
        top: 0.3rem;
        right: .7rem;
        width: 1.5rem;
        height: 1.5rem;
        margin-left: .1rem;
        background-position: -1.16rem 0;
        display: none;
        background-size: 1.4rem auto;
        vertical-align: middle;
        border: 1px solid #fff;
        font-size: 29px;
        /* Rotate div */
        text-align: center;
        line-height: 23px;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        /* Internet Explorer */
        -moz-transform: rotate(90deg);
        /* Firefox */
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        /* Opera */
        font-family: serif;
        transition: background 0.5s;
        -moz-transition: background 0.5s;
        /* Firefox 4 */
        -webkit-transition: background 0.5s;
        /* Safari 和 Chrome */
        -o-transition: background 0.5s;
        /* Opera */
        background: #ce5d00;
    }

    .tl-p .iconn2 {
        line-height: 23px;
        top: 0.3rem;
        /* Rotate div */
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        /* Internet Explorer */
        -moz-transform: rotate(-90deg);
        /* Firefox */
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        /* Opera */
        background: #009901;
    }

    .detNavMob {
        width: 100%;
        z-index: 11;
        background: #fff;
        display: none;
        border-bottom: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
    }

    .detNavMob a.on {
        background: #00b101;
        color: #fff;
    }

    .detNavMob a {
        width: 49.7%;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        height: 2.2rem;
        line-height: 2.2rem;
        font-size: 15px;
        text-align: center;
        display: block;
        float: left;
        /* text-overflow:ellipsis;*/
        white-space: nowrap;
        overflow: hidden;
        background: #009901;
        color: #fff;
        font-weight: bold;
    }

    .tl-p {
        padding: 10px;
        background-color: #F60;
        color: #FFF;
        position: relative;
    }

    .tl-p a,.tl-p a:visited {
        color: #FFF;
        font-size: 12px;
    }

    .wzii {
        position: absolute;
        top: 0.55rem;
        right: 2.7rem;
    }

    /*手机端头部*/
    .xymob-head {
        position: fixed;
        top: 0;
        display: block;
        z-index: 999999;
        left: 0;
        right: 0;
        background: #151515;
    }

    .xymob-head-box {
        position: relative;
        height: 60px;
    }

    .xymob-head-box .xymob-logo {
        position: absolute;
        left: 0px;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        width: 39%;
        height: 30px;
        text-align: center;
    }

    .xymob-head-box .xymob-logo h1,.xymob-head-box .xymob-logo a {
        display: inline;
        font-size: 0;
    }

    .xymob-head-box .xymob-logo img {
        width: 100%;
        margin-top: -4%;
    }

    .xymob-navbtn {
        position: absolute;
        z-index: 9;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto 0 auto 27px;
        width: 30px;
        height: 20px;
    }

    .xymob-navbtn span,.xymob-navbtn:after,.xymob-navbtn:before {
        display: block;
        height: 2px;
        width: 100%;
        background: #fff;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

    .xymob-navbtn span {
        margin: 7px 0;
    }

    .xymob-navbtn:after,.xymob-navbtn:before {
        content: '';
        -webkit-transform-origin: 7.5%;
        transform-origin: 7.5%;
    }

    .xymob-navbtn.clicked span {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    .xymob-navbtn.clicked:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .xymob-navbtn.clicked:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .xymob-search-btn {
        position: absolute;
        z-index: 9;
        right: 0;
        top: 0;
        bottom: 0;
        width: 14%;
        text-align: center;
        line-height: 60px;
    }

    .xymob-search-btn .icon-font {
        display: block;
        width: 100%;
        height: 100%;
    }

    .xymob-search-btn .icon-font:after {
        background-position: -30px -210px;
    }

    .xymob-menu {
        display: none;
        position: absolute;
        z-index: 9999;
        left: 0;
        right: 0;
        height: 100vh;
        background: #151515;
        padding: 0 10%;
    }

    .xymob-menu .xymob-menu-box {
        height: 100vh;
        overflow: auto;
        padding-bottom: 80px;
    }

    .xymob-nav > li {
        border-bottom: 1px solid #2b2b2b;
        position: relative;
    }

    .xymob-nav > li > a {
        display: block;
        line-height: 50px;
        font-size: 16px;
        color: #ffffff;
    }

    .xymob-nav .xymob-menu-jt {
        position: absolute;
        width: 20%;
        height: 50px;
        line-height: 50px;
        right: 0;
        top: 0;
        text-align: center;
        z-index: 9;
    }

    .xymob-nav .xymob-menu-jt .icon-font {
        display: block;
        width: 100%;
        height: 100%;
    }

    .xymob-nav .xymob-menu-jt .icon-font:after {
        background-position: -30px -240px;
    }

    .xymob-nav .xymob-menu-jt.clicked .icon-font:after {
        background-position: -30px -270px;
    }

    .xymob-nav .xymob-sub-menu {
        background: #1E1E1E;
        display: none;
    }

    .xymob-nav .xymob-sub-menu > li {
        border-top: 1px dashed #2b2b2b;
    }

    .xymob-nav .xymob-sub-menu > li > a {
        display: block;
        font-size: 14px;
        color: rgba(255,255,255,0.8);
        line-height: 40px;
        text-indent: 2em;
    }

    .xymob-dlbtn {
        margin-top: 40px;
    }

    .xymob-dlbtn a {
        text-align: center;
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: #292e39;
        color: #fff;
        font-size: 16px;
        border-radius: 5px;
    }

    .xymob-dlbtn a i {
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }

    .xymob-dlbtn a .icon-dl:after {
        background-position: -30px -540px;
    }

    .xymob-dlbtn a .icon-pn:after {
        background-position: -30px -600px;
    }

    .xymob-dlbtn a .icon-tc:after {
        background-position: -30px -570px;
    }

    .xymob-dlbtn .zx-btn {
        margin-top: 10px;
        background: none;
        border: 1px solid #fff;
    }

    .xymob-search {
        position: fixed;
        z-index: 99999;
        left: 100%;
        bottom: 0;
        top: 0;
        width: 100%;
        background: #151515;
        padding: 15px 15% 0 15%;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

    .xymob-search .xymob-search-close-btn {
        position: absolute;
        top: 27px;
        left: 30px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
    }

    .xymob-search .xymob-search-close-btn {
        left: 15px;
    }

    .xymob-search .xymob-search-close-btn i {
        width: 100%;
        height: 100%;
        display: block;
    }

    .xymob-search .xymob-search-close-btn i:after {
        background-position: -30px -300px;
    }

    .xymob-search .xymob-search-box {
        height: 50px;
        border-bottom: 2px solid #2d2d2d;
    }

    .xymob-search .xymob-search-box input[type="text"] {
        width: 80%;
        float: left;
        background: none;
        border: none;
        outline: none;
        color: rgba(255,255,255,0.3);
        font-family: "Microsoft YaHei";
        font-size: 16px;
        height: 50px;
    }

    .xymob-search .xymob-search-box #s_btn {
        width: 20%;
        height: 50px;
        outline: none;
        border: none;
        cursor: pointer;
        font-size: 0;
        background: none;
        border: none;
    }

    .xymob-search .xymob-search-box #s_btn .icon-font {
        display: block;
        width: 100%;
        height: 100%;
    }

    .xymob-search .xymob-search-box #s_btn .icon-font:after {
        background-position: -30px -210px;
    }

    .xymob-search .xymob-seaerch-wz span,.xymob-search .xymob-seaerch-wz a {
        display: block;
        font-size: 14px;
        color: rgba(255,255,255,0.9);
        line-height: 45px;
        border-bottom: 1px solid #2b2b2b;
    }

    .xymob-search.clicked {
        left: 0;
    }

    .x-header {
        background: #ffffff;
        padding: 1.30208333% 0;
    }

    .x-logo {
        float: left;
        width: 15.3125%;
    }

    .x-logo a {
        display: block;
    }

    .x-header-right {
        float: right;
        width: 25%;
        text-align: right;
    }

    .x-header-right #formsearch,.x-header-right .x-login {
        display: inline-block;
        vertical-align: middle;
    }

    .x-header-right #formsearch {
        width: calc(100% - 100px);
        position: relative;
    }

    .x-header-right #formsearch:before {
        content: '|';
        position: absolute;
        left: 36px;
        top: 5px;
    }

    .x-header-right #formsearch #s_btn {
        float: left;
        outline: none;
        border: none;
        width: 35px;
        height: 30px;
        font-size: 0;
        background-image: url(../images/icon_spirit_1.png);
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 -210px;
    }

    .x-header-right #formsearch #keyword {
        float: left;
        background: none;
        outline: none;
        border: none;
        width: calc(100% - 35px);
        color: rgba(0,0,0,0.8);
        margin-top: 5px;
        height: 20px;
        padding-left: 10px;
    }

    .x-header-right .x-login {
        font-size: 14px;
        color: #000000;
        line-height: 1.6;
        line-height: 30px;
    }

    .x-header-right .x-login .username {
        max-width: 75px;
        vertical-align: -10px;
        display: inline-block;
    }

    .x-header-right .x-login a {
        color: #000;
    }

    .x-header-right .x-login a:hover {
        color: #292e39;
    }

    /* 扥路 */
    .xa-login {
        position: absolute;
        width: 50%;
        text-align: right;
        top: 0;
        right: 8.33333333%;
    }

    /* 导航样式 */
    .x-menu {
        width: 58.75%;
        float: left;
    }

    .x-menu > li {
        float: left;
        position: relative;
        margin: 0 .15vw;
    }

    .x-menu > li > a {
        display: block;
        padding: 0 .8vw;
        font-size: 14px;
        color: #000000;
        line-height: 2.4;
    }

    .x-menu > li > a:hover {
        background: #292e39;
        color: #fff;
    }

    .x-menu > li.active > a {
        background: #292e39;
        color: #fff;
    }

    .x-menu > li:after {
        content: '';
        position: absolute;
        z-index: 100;
        width: 100%;
        left: 0;
        height: 40px;
        opacity: 0;
        top: 100%;
    }

    .x-menu > li:hover .x-sub-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .x-sub-menu {
        position: absolute;
        z-index: 99;
        width: 150%;
        left: -25%;
        top: 65px;
        background: #fff;
        border-radius: 5px;
        padding: 10px 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }

    .x-sub-menu > li > a {
        display: block;
        text-align: center;
        line-height: 2;
        font-size: 14px;
        color: #333;
        line-height: 1.5;
        padding: .5em;
    }

    .x-sub-menu > li > a:hover {
        background: #e9eaeb;
    }

    .x-sub-menu:after {
        content: '';
        width: 0;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
        border-width: 10px;
        cursor: pointer;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #fff transparent;
        border-top: none;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -10px;
        z-index: 99;
    }

    /*HUAPU*/
    @font-face {
        font-family: 'FreeSerif';
    }

    .search-box {
        display: none;
    }

    .navde {
        display: none;
    }

    .header {
        display: none;
    }

    /*mobile*/
}

@media (max-width: 768px) {
    i {
        display:block;
        background-repeat: no-repeat;
    }

    .bgset {
        background-repeat: no-repeat;
    }

    .m-auto {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .pt50 {
        padding-top: 50px;
    }

    .icons {
        background: url(../images/icons.png) no-repeat;
    }

    .icon {
        display: block;
        background-repeat: no-repeat;
    }

    @font-face {
        font-family: 'FreeSerif';
        src: url('../font/FreeSerif.eot');
        src: url('../fonts/freeserif.woff') format('woff'),url('../fonts/freeserif.ttf') format('truetype');
    }

    /*sousuo*/
    .research {
        height: 60px;
        background: #ededed;
    }

    .research .rscont {
        height: 60px;
        overflow: hidden;
    }

    .container {
        margin-left: auto;
        margin-right: auto;
        width: 1200px;
        font-family: microsoft yahei;
        overflow: hidden;
    }

    .research .rscont .hotworld {
        height: 60px;
        line-height: 60px;
        width: 700px;
        float: left;
    }

    .rscont .hotworld * {
        display: inline-block;
        float: left;
        font-size: 17px;
    }

    .rscont .hotworld span {
        color: #6d6d6d;
        font-weight: bold;
    }

    .rscont .hotworld a {
        color: #6d6d6d;
        margin-right: 8px;
    }

    .rscont .rsbox {
        width: 296px;
        background: #ddd;
        height: 45px;
        overflow: hidden;
        margin-top: 8px;
        float: right;
    }

    .rscont .rsbox .cont_text {
        width: 220px;
        float: left;
        height: 15px;
        font-size: 14px;
        color: #6d6d6d;
        background: none;
        border: none;
        outline: none;
        padding: 15px 0px 15px 10px;
    }

    .rscont .rsbox .cont_btn {
        width: 51px;
        height: 45px;
        float: right;
        background: url(../images/rsbtn.png) no-repeat;
        cursor: pointer;
        outline: none;
        border: none;
    }

    /**/
    .homeT {
        text-align: center;
        position: relative;
        top: 40px;
    }

    .homeT h3 {
        font-size: 40px;
        line-height: 32px;
        color: #e6142f;
    }

    .homeT h3 span {
        display: inline-block;
        padding: 0 70px;
        position: relative;
    }

    .homeT h3 span:before {
        content: "";
        overflow: hidden;
        position: absolute;
        left: 0px;
        top: 50%;
        height: 14px;
        width: 42px;
        background: url(../images/title-bg.png) no-repeat left top;
    }

    .homeT h3 span:after {
        content: "";
        overflow: hidden;
        position: absolute;
        right: 0px;
        top: 50%;
        height: 14px;
        width: 42px;
        background: url(../images/title-bg.png) no-repeat left top;
    }

    .homeT p {
        font-size: 14px;
        line-height: 16px;
        color: #aaa;
        text-transform: uppercase;
        margin-top: 10px;
    }

    .homeTitle {
        text-align: center;
    }

    .homeTitle h3 {
        font-size: 42px;
        line-height: 40px;
        color: #333;
    }

    .homeTitle h3 span {
        display: inline-block;
        padding: 0 70px;
        font-size: 36px;
        position: relative;
        letter-spacing: 8px;
    }

    .homeTitle h3 span:before {
        content: "";
        overflow: hidden;
        position: absolute;
        left: 0px;
        top: 50%;
        height: 14px;
        width: 42px;
    }

    .homeTitle h3 span:after {
        content: "";
        overflow: hidden;
        position: absolute;
        right: 0px;
        top: 50%;
        height: 14px;
        width: 42px;
    }

    .homeTitle p {
        font-size: 14px;
        line-height: 16px;
        color: #aaa;
        text-transform: uppercase;
        margin-top: 10px;
    }

    .c5 {
        width: 100%;
        margin: 0 auto;
        margin-top: 70px;
        margin-bottom: 0px;
    }

    .cpml {
        overflow: hidden;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .cpml .cpmu {
        zoom:1;overflow: hidden;
        width: 100%;
    }

    .cpml .cpmu li:hover {
        background: #e6142f;
        transition: .9s;
        -moz-transition: .9s;
        -webkit-transition: .9s;
        -o-transition: .9s;
        color: #fff;
    }

    .cpml .cpmu li {
        float: left;
        margin-right: 2%;
        margin-bottom: 21px;
        width: 30%;
        border: 2px #ededed solid;
        background: #ededed;
        box-shadow: 0px 2px 10px 0px #ededed;
    }

    .cpml .cpmu li .img {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
        position: relative;
        cursor: pointer;
    }

    .cpml .cpmu li .img img {
        width: 100%;
        transition: .9s;
        height: 100%;
        -moz-transition: .9s;
        -webkit-transition: .9s;
        -o-transition: .9s;
    }

    .cpml .cpmu li .img img:hover {
    }

    .cpml .cpmu li .img .on {
        height: 100%;
        background: transparent;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        filter: Alpha(opacity=0);
        *zoom:1;-webkit-transform: rotateX(180deg) scale(.5,.5);
        transform: rotateX(180deg) scale(.2,.2);
        transition: all ease-out .5s;
    }

    .cpml .cpmu li .img .on i {
        width: 65px;
        height: 65px;
        background-position: -150px -147px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -32px;
        margin-left: -32px;
    }

    .cpml .cpmu li .p {
        background: #fff;
        color: #333;
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
    }

    .cpml .cpmu li:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

    .cpml .cpmu li:hover .on {
        opacity: 1;
        filter: Alpha(opacity=100);
        -webkit-transform: rotateX(0deg) scale(1,1);
        transform: rotateX(0deg) scale(1,1);
        transition: all 1s cubic-bezier(.23,1,.38,1) 0s;
        background: rgba(0,0,0,.3);
    }

    .c-bj {
        padding-bottom: 0px;
        padding-top: 1px;
    }

    .ba {
        padding-bottom: 30px;
        padding-top: 1px;
        /* background:url(../images/ba.jpg);*/
    }

    .c55 {
        padding-top: 25px;
    }

    .ba {
        padding-bottom: 30px;
        padding-top: 1px;
        /* background:url(../images/ba.jpg);*/
    }

    .c55 {
        padding-top: 25px;
    }

    .hotpro {
        overflow: hidden;
        margin-top: 30px;
    }

    .hotpro .list {
        zoom:1;width: 100%;
    }

    .hotpro .list li:hover {
        background: #e6142f;
        transition: .9s;
        -moz-transition: .9s;
        -webkit-transition: .9s;
        -o-transition: .9s;
        color: #fff;
    }

    .hotpro .list li {
        float: left;
        margin-right: 21px;
        margin-bottom: 21px;
        width: 375px;
        border: 2px #ededed solid;
        background: #ededed;
    }

    .hotpro .list li .img {
        width: 375px;
        height: 280px;
        overflow: hidden;
        display: block;
        position: relative;
        cursor: pointer;
    }

    .hotpro .list li .img img {
        width: 375px;
        transition: .9s;
        -moz-transition: .9s;
        -webkit-transition: .9s;
        -o-transition: .9s;
        height: 280px;
    }

    .hotpro .list li .img .on {
        /* width:100%;*/
        height: 100%;
        /* background:transparent;*/
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        filter: Alpha(opacity=0);
        *zoom:1;-webkit-transform: rotateX(180deg) scale(.5,.5);
        transform: rotateX(180deg) scale(.2,.2);
        transition: all ease-out .5s;
    }

    .hotpro .list li .img .on i {
        width: 65px;
        height: 65px;
        background-position: -150px -147px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -32px;
        margin-left: -32px;
    }

    .hotpro .list li .p {
        /* background:#ededed;*/
        color: #333;
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        text-align: center;
    }

    .hotpro .list li:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

    .hotpro .list li:hover .on {
        opacity: 1;
        filter: Alpha(opacity=100);
        -webkit-transform: rotateX(0deg) scale(1,1);
        transform: rotateX(0deg) scale(1,1);
        transition: all 1s cubic-bezier(.23,1,.38,1) 0s;
        background: rgba(0,0,0,.3);
    }

    .icon {
        display: inline-block;
        vertical-align: middle;
    }

    .c56 {
        text-align: center;
        margin-top: 5px;
    }

    .c56 a {
        background: #1873bd;
        font: 400 14px/30px;
        color: #fff;
        padding: 10px 62px;
    }

    .c56 a:hover {
        background: #1873bd;
        -moz-transition: all 0.8s;
        -webkit-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
    }

    .i_more {
        position: relative;
        z-index: 1;
        display: block;
        width: 150px;
        height: 34px;
        text-align: center;
        font-size: 14px;
        line-height: 32px;
    }

    .i_more .line {
        display: inline-block;
        background-color: #1873bd;
        position: absolute;
        -webkit-transition: 0.5s ease;
        -o-transition: 0.5s ease;
        transition: 0.5s ease;
    }

    .i_more:hover {
        color: #1873bd;
        border: 1px solid #1873bd;
        -webkit-transition: all ease 1s;
        transition: all ease 1s;
        -moz-transition: all ease 1s;
        -o-transition: all ease 1s;
    }

    .i_more .line_top {
        height: 1px;
        width: 0;
        left: -50%;
        top: -1px;
    }

    .i_more:hover .line_top {
        width: 100%;
        left: 0px;
    }

    .i_more .line_right {
        height: 0;
        width: 1px;
        top: -50%;
        right: -1px;
    }

    .i_more:hover .line_right {
        height: 100%;
        top: 0px;
    }

    .i_more .line_bottom {
        width: 1px;
        height: 0;
        bottom: -50%;
        left: -1px;
    }

    .i_more:hover .line_bottom {
        height: 100%;
        bottom: 0px;
    }

    .i_more .line_left {
        height: 1px;
        width: 0;
        right: -50%;
        bottom: -1px;
    }

    .i_more:hover .line_left {
        width: 100%;
        right: 0px;
    }

    .i_more01 {
        border: 1px solid #7E7E7E;
        color: #7d7d7d;
        margin: 0 auto;
    }

    .i_more02 {
        border: 1px solid #fff;
        color: #fff;
        margin: 0 auto;
    }

    .i_more03 {
        border: 1px solid #7E7E7E;
        color: #7d7d7d;
    }

    /**/
    .service-wrap {
    }

    .cpzx {
        width: 100%;
    }

    .about-wrap {
        height: 850px;
    }

    .sczx {
        max-width: 95%;
    }

    .leftwz {
        width: 100%;
    }

    .tt-public {
        width: 100%;
        text-align: center;
        padding-bottom: 5px;
    }

    .tt-public h2,.tt-public h2 a {
        display: inline-block;
        font-weight: 400;
        font-size: 30px;
        color: #1a1a1a;
        position: relative;
    }

    .tt-public p {
        font-size: 18px;
        padding-top: 12px;
    }

    .tt-public h2:before,.tt-public h2:after {
        content: '';
        display: block;
        width: 20px;
        height: 2px;
        background-color: #cecece;
        position: absolute;
        top: 17px;
        z-index: 2;
    }

    .tt-public h2:before {
        left: -60px;
    }

    .tt-public h2:after {
        right: -60px;
    }

    /**/
    .service-cont {
        height: 450px;
        overflow: hidden;
    }

    .service-box {
        width: 100%;
        height: 445px;
        position: absolute;
        left: 0;
        top: 150px;
        z-index: 2;
    }

    .svs-img {
        width: 29px;
        height: 269px;
        background-image: url(../images/svs_img.png);
        position: absolute;
        right: 420px;
        top: 153px;
        z-index: 1;
    }

    .service-infos {
        width: 100%;
        position: relative;
        z-index: 8;
    }

    .w {
        width: 98%;
    }

    .service-infos>div:not(:first-child) {
        display: none;
    }

    .wenti .con .c {
        display: none;
    }

    .service-list {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .service-list a {
        display: block;
    }

    .service-list .img-box {
        width: 698px;
        height: 100%;
    }

    .service-list .txts {
        width: 440px;
        height: 88px;
        background-color: #1873bd;
        color: #fff;
        padding: 20px 170px 0 30px;
        position: absolute;
        bottom: 0;
        right: 40px;
        z-index: 3;
    }

    .service-list .txts span {
        display: inline-block;
        padding: 10px 8px 0 0;
    }

    .service-list .look-detail {
        width: 106px;
        height: 42px;
        line-height: 42px;
        background-color: #1a1a1a;
        color: #fff;
        padding-left: 20px;
        position: absolute;
        right: 0;
        bottom: 33px;
        z-index: 9;
    }

    .service-list .look-detail:after {
        content: '';
        display: block;
        width: 22px;
        height: 15px;
        background: url(../images/icons.png) no-repeat -81px -5px;
        position: absolute;
        right: 19px;
        top: 14px;
        z-index: 2;
    }

    .service-nav {
        width: 356px;
        height: 300px;
        background-color: #1a1a1a;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9;
    }

    .service-nav ul li {
        height: 60px;
        line-height: 60px;
        padding-left: 45px;
        position: relative;
    }

    .service-nav a {
        color: #fff;
        font-size: 16px;
        position: relative;
        z-index: 2;
    }

    .service-nav li span {
        display: block;
        width: 398px;
        height: 60px;
        background-color: #1873bd;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .service-nav li:hover a,.service-nav li.cur a {
        color: #fff;
        font-style: italic;
        text-decoration: underline;
    }

    .service-nav li span {
        opacity: 0;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    .service-nav li:hover span,.service-nav li.cur span {
        opacity: 1;
        -webkit-transform: translateX(-42px);
        -moz-transform: translateX(-42px);
        -ms-transform: translateX(-42px);
        transform: translateX(-42px);
    }

    /**/
    .peixun-wrap {
        width: 100%;
        height: 300px;
        /* background-color:#f5f5f5;*/
    }

    .peixun-box .imgs {
        width: 698px;
        height: 445px;
        overflow: hidden;
    }

    .peixun-box .left-side {
        width: 698px;
        height: 445px;
        position: relative;
    }

    .peixun-box .imgs-list {
        position: relative;
    }

    .peixun-box .left-side .img-box {
        float: left;
        position: relative;
        width: 698px;
        height: 445px;
    }

    .peixun-box .img-box p {
        width: 658px;
        height: 50px;
        line-height: 50px;
        background-color: rgba(0,0,0,.3);
        padding: 0 20px;
        font-size: 17px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 3;
    }

    .peixun-box .tt {
        display: block;
        width: 76px;
        height: 55px;
        line-height: 42px;
        padding-left: 40px;
        font-weight: bold;
        color: #fff;
        background-position: -60px -110px;
        position: absolute;
        left: -20px;
        top: 10px;
        z-index: 3;
    }

    .peixun-box .circles {
        text-align: right;
        position: absolute;
        right: 8px;
        bottom: 15px;
        z-index: 9;
    }

    .peixun-box .circles span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: solid 1px #fff;
        border-radius: 50%;
        margin-right: 12px;
    }

    .peixun-box .circles span.cur {
        background-color: #fff;
    }

    .peixun-box .right-side {
        width: 490px;
        height: 445px;
        background-color: #fff;
    }

    .peixun-box .right-side h3 {
        font-weight: 400;
        font-size: 18px;
        color: #fff;
        height: 54px;
        line-height: 54px;
        background-color: #1873bd;
        padding-left: 20px;
        position: relative;
    }

    .peixun-box .right-side a.more {
        display: block;
        width: 470px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: right;
        padding-right: 20px;
    }

    .kecheng-main {
        width: 448px;
        height: 390px;
        border-left: solid 1px #e6e6e6;
        border-bottom: solid 1px #e6e6e6;
        border-right: solid 1px #e6e6e6;
        padding: 0 20px;
        overflow: hidden;
        position: relative;
    }

    .kecheng-box {
        width: 448px;
        height: 390px;
        position: relative;
    }

    .kecheng-infos {
        height: 194px;
        border-bottom: solid 1px #e6e6e6;
        position: relative;
    }

    .kecheng-infos h4 {
        width: 260px;
        padding: 28px 0 18px;
        font-size: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .kecheng-infos h4 a {
        color: #1a1a1a;
    }

    .kecheng-infos .info {
        font-size: 16px;
        color: #1a1a1a;
    }

    .kecheng-infos .name {
        padding-right: 30px;
    }

    .kecheng-infos .info p {
        padding-top: 8px;
    }

    .kecheng-infos .abtns a {
        display: block;
        width: 93px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        font-weight: bold;
        border: solid 1px #1873bd;
        margin-top: 20px;
    }

    .kecheng-infos .abtns .baoming {
        background-color: #1873bd;
        color: #fff;
    }

    .kecheng-infos .hot {
        height: 23px;
        line-height: 23px;
        position: absolute;
        right: 46px;
        top: 24px;
        padding-left: 28px;
        font-size: 16px;
        color: #1a1a1a;
    }

    .kecheng-infos .hot i {
        width: 18px;
        height: 23px;
        background-position: -60px -5px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .kecheng-infos .icon-book {
        width: 49px;
        height: 40px;
        background-position: -5px -5px;
        position: absolute;
        right: 10px;
        bottom: 28px;
        z-index: 1;
    }

    /*case*/
    .case-wrap {
        /* background-color:#f5f5f5 */
    }

    .case-cont {
        padding-bottom: 25px;
    }

    .case-cont .case-more {
        display: block;
        width: 200px;
        background: #1873bd;
        padding: 16px 0;
        color: #fff;
        text-align: center;
        margin: 5px auto;
    }

    .case-box {
        width: 100%;
        height: 420px;
        position: relative;
        overflow: hidden;
    }

    .case-box ul {
        height: auto;
        position: relative;
    }

    .case-box li {
        width: 100%;
        float: left;
    }

    .case-box .part {
        width: 100%;
        height: 180px;
        margin-bottom: 30px;
    }

    .case-box .txts {
        width: 100%;
        display: none;
        height: 350px;
        border-left: solid 1px #e6e6e6;
        border-top: solid 1px #e6e6e6;
        border-bottom: solid 1px #e6e6e6;
        color: #333;
        font-size: 16px;
        padding: 48px 20px 0 48px;
        position: relative;
    }

    .case-box .txts a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
    }

    .case-box .txts .logo-box {
        width: 192px;
        height: auto;
    }

    .case-box .txts .logo-box img {
        width: 100px;
    }

    .case-box .txts .p1 {
        font-size: 18px;
        font-weight: bold;
        padding: 20px 0 30px;
    }

    .case-box .txts .p3 {
        padding: 20px 0;
    }

    .case-box .txts b {
        display: block;
        padding: 10px;
        margin-top: 5px;
        line-height: 1.5;
        background-color: #1873bd;
    }

    .case-box .txts i {
        width: 42px;
        height: 15px;
        background-position: -80px -25px;
        position: absolute;
        left: 48px;
        bottom: 30px;
        z-index: 9;
    }

    .case-box .img-box {
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;
    }

    .case-box .img-box img {
        width: 13%;
    }

    .case-box .part2 .txts {
        border-left: none 0;
        border-right: solid 1px #e6e6e6;
    }

    /*youshi*/
    .youshi-wrap {
        width: 100%;
        background: #f5f5f5;
    }

    .youshi-cont {
        padding-bottom: 60px;
    }

    .youshi-box .info {
        width: 100%;
        height: 100%;
        background-color: #fff;
        color: #1a1a1a;
        text-align: center;
        padding: 10px;
        position: relative;
        margin-bottom: 3%;
    }

    .youshi-box .info>div {
        width: 100%;
        height: 100%;
        border: solid 1px #fff;
        color: #1a1a1a;
    }

    .yst {
        margin: 0px 0px;
    }

    .icon-team {
        width: 52px;
        height: 50px;
        background-position: -128px -50px;
        margin: 39px auto;
    }

    .icon-fa {
        width: 53px;
        height: 53px;
        background-position: -70px -50px;
        margin: 36px auto 39px;
    }

    .icon-fd {
        width: 60px;
        height: 50px;
        background-position: -5px -50px;
        margin: 39px auto 50px;
    }

    .youshi-box h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .youshi-box p {
        padding: 0 36px;
        line-height: 30px;
        font-size: 17px;
    }

    .youshi-box .info {
        -webkit-transition: all .4s linear;
        -moz-transition: all .4s linear;
        -ms-transition: all .4s linear;
        transition: all .4s linear;
    }

    .youshi-box .info:hover {
        background-color: #1873bd;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .youshi-box .info:hover>div {
        border-color: #1a1a1a;
        color: #fff;
    }

    /*fabao*/
    .fabao-wrap {
        height: 400px;
        display: none;
        width: 100%;
        background-color: white;
    }

    .fabao-cont {
        overflow: hidden;
        height: 100%;
        padding-top: 0px;
    }

    .fabao-img {
        width: 100%;
        height: 100%;
        display: none;
        background-image: url(../images/fabao_img.png);
        position: relative;
    }

    .fabao-img span {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }

    .fabao-img .c1 {
        background-image: url(../images/c1.png);
    }

    .fabao-img .c2 {
        background-image: url(../images/c2.png);
    }

    .fabao-img .c3 {
        background-image: url(../images/c3.png);
    }

    .fabao-cont p {
        display: inline-block;
        font-size: 22px;
        color: #333;
        border-bottom: solid 1px #fff;
        padding-bottom: 5px;
        position: absolute;
        z-index: 2;
    }

    .fabao-cont p b {
        color: #1873bd;
    }

    .fabao-cont p em {
        display: block;
        width: 38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        background-color: #fff;
        color: #191919;
        font-size: 20px;
        border-radius: 50%;
        position: absolute;
        bottom: -1px;
        z-index: 1;
        font-family: "FreeSerif";
        font-weight: bold;
    }

    .fabao-left p {
        padding-right: 0px;
        padding-left: 0px;
    }

    .fabao-left p em {
        right: 0px;
        display: none;
    }

    .fabao-right p {
        padding-left: 0px;
        padding-right: 0px;
    }

    .fabao-right p em {
        left: 0px;
        display: none;
    }

    .fabao1 {
        top: 0px;
        left: 0px;
    }

    .fabao2 {
        top: 0px;
        left: 0px;
    }

    .fabao3 {
        top: 0px;
        left: 0px;
    }

    .fabao4 {
        top: 0px;
        left: 0px;
    }

    .fabao55 {
        top: 0px;
        left: 0px;
    }

    .fabao5 {
        top: 0px;
        right: 0px;
    }

    .fabao6 {
        top: 0px;
        right: 0px;
    }

    .fabao7 {
        top: 0px;
        right: 0px;
    }

    .fabao8 {
        top: 0px;
        right: 0px;
    }

    .fabao10 {
        top: 0px;
        right: 0px;
    }

    .fabao-img .c1,.fabao-img .c3 {
        -webkit-animation: m-circle 30s linear both infinite;
    }

    .fabao-img .c2 {
        -webkit-animation: m-circle1 30s linear both infinite;
    }

    .fabao-img .c3 {
        -webkit-animation-duration: 20s;
    }

    @-webkit-keyframes m-circle {
        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @-webkit-keyframes m-circle1 {
        100% {
            -webkit-transform: rotate(-360deg);
        }
    }

    .q-list {
        width: 100%;
        float: right;
        height: 313px;
    }

    /*zixun*/
    .zixun-cont {
        height: 100%;
    }

    .zixun-cont .ques {
        width: 100%;
        position: relative;
    }

    .zixun-cont .man {
        width: 0%;
        display: none;
        height: 309px;
        background-image: url(../images/man.png);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .zixun-cont .ques p {
        font-size: 15px;
        color: #1a1a1a;
        text-align: center;
        line-height: 50px;
        position: absolute;
        z-index: 2;
    }

    .floor-title {
        font-size: 28px;
    }

    .zixun-cont .ques .p1 {
        width: 99%;
        height: auto;
        background: #FFF;
        border: 1px #333 solid;
        left: 0px;
        top: 5px;
        font-size: 18px;
    }

    .zixun-cont .ques .p2 {
        width: 99%;
        height: auto;
        background: #FFF;
        border: 1px #333 solid;
        left: 0%;
        top: 25%;
        font-size: 17px;
    }

    .zixun-cont .ques .p3 {
        width: 99%;
        height: auto;
        background: #FFF;
        border: 1px #333 solid;
        left: 0px;
        top: 50%;
        font-size: 18px;
    }

    .zixun-cont .ques .p4 {
        width: 99%;
        font-size: 18px;
        height: auto;
        line-height: 53px;
        padding: 0px 0px 0 0px;
        background: #FFF;
        border: 1px #333 solid;
        left: 0%;
        bottom: 10%;
    }

    .zixun-cont .online {
        width: 99%;
        height: auto;
        background: #FFF;
        border: 1px #333 solid;
        margin-left: 0px;
        text-align: center;
        font-size: 18px;
        color: #1a1a1a;
    }

    .zixun-cont .online i {
        width: 43px;
        height: 44px;
        background-position: -5px -110px;
        margin: 38px auto 28px;
    }

    .zixun-cont .online p {
        font-weight: bold;
        padding-bottom: 22px;
        line-height: 25px;
    }

    .zixun-cont .tel em {
        font-family: "FreeSerif";
        font-size: 20px;
        font-weight: bold;
    }

    .zixun-cont .online .abtns {
        width: 30%;
        margin: 10% auto 5%;
    }

    .zixun-cont .abtns a {
        display: block;
        width: 110px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border: solid 1px #e6e6e6;
        font-size: 14px;
    }

    .zixun-cont .abtns a.abtns1 {
        background-color: #1873bd;
        border-color: #1873bd;
        width: 300px;
        color: #fff;
    }

    .zixun-cont .abtns a:hover {
        background-color: #1873bd;
        border-color: #1873bd;
        color: #fff;
    }

    .user-info {
        width: 100%;
        height: auto;
        border: solid 1px #ccc;
        padding-top: 10%;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .user-info>div {
        width: 300px;
        height: 42px;
        margin: 0 auto 18px;
    }

    .user-info>div input {
        background: none;
        display: block;
        width: 274px;
        height: 40px;
        border: solid 1px #e6e6e6;
        padding: 0 12px;
        color: #999;
    }

    .user-info input.curr {
        border-color: #1a1a1a;
        color: #1a1a1a;
    }

    /*teacher*/
    .teacher-wrap {
        width: 100%;
        height: 752px;
        /* background:url(../images/mans_bg.jpg) no-repeat center top;*/
        background-color: #0e1215;
    }

    .teacher-cont {
        height: 702px;
        position: relative;
    }

    .teacher-cont .tt-public h2 a {
        color: #fff;
    }

    .teacher-cont .tt-public p {
        color: #fff;
        font-size: 14px;
    }

    .teacher-box {
        width: 100%;
        height: 595px;
        position: absolute;
        bottom: 0;
        left: 0px;
        z-index: 1;
    }

    .teacher-more {
        color: #1873bd;
        text-decoration: underline;
        position: absolute;
        right: 30px;
        bottom: 3%;
    }

    .teacher-more:hover {
        text-decoration: underline;
    }

    .teacher-list {
        width: 73%;
        height: 100%;
        position: relative;
    }

    .teacher-infos {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
    }

    .teacher-list>div:not(:first-child) {
        display: none;
    }

    .teacher-img {
        width: 68%;
        position: absolute;
        bottom: 0;
        left: 0;
        /* display:none;*/
        float: left;
        z-index: 1;
    }

    .teacher-infos .details {
        width: 100%;
        height: auto;
        float: left;
        position: absolute;
        right: 0;
        top: 0;
        color: #fff;
    }

    .teacher-infos .details p a {
        display: none;
    }

    .teacher-infos .details a.name {
        display: block;
        color: #fff;
        font-size: 24px;
        margin-bottom: 25px;
        margin-top: 0px;
    }

    .teacher-infos .details em {
        font-size: 16px;
    }

    .teacher-infos .details p {
        font-size: 14px;
        line-height: 26px;
    }

    .teacher-infos .details a.ask {
        display: block;
        width: 108px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border: solid 1px #fff;
        color: #fff;
        font-weight: bold;
        position: absolute;
        bottom: -18%;
        left: 0;
        z-index: 9;
    }

    .teacher-infos .details a.ask:hover {
        background-color: #1873bd;
        border-color: #1873bd;
        color: #fff;
    }

    .teacher-nav {
        width: 25%;
        height: 565px;
        position: absolute;
        right: 0px;
        top: -4%;
        z-index: 9;
    }

    .teacher-nav .top-jt,.teacher-nav .btm-jt {
        width: 11px;
        height: 16px;
        cursor: pointer;
        position: absolute;
        left: 45px;
        z-index: 2;
    }

    .teacher-nav .top-jt {
        background-position: -163px -25px;
        top: 0;
    }

    .teacher-nav .top-jt:hover {
        background-position: -125px -5px;
    }

    .teacher-nav .btm-jt {
        background-position: -125px -25px;
        bottom: 0;
    }

    .teacher-nav .btm-jt:hover {
        background-position: -163px -5px;
    }

    .teacher-nav .small-imgs {
        width: 100px;
        height: 490px;
        position: relative;
        top: 37px;
        overflow: hidden;
    }

    .small-imgs>div {
        position: relative;
    }

    .teacher-nav .small-imgs span {
        display: block;
        width: 100px;
        height: 100px;
        margin-bottom: 30px;
        cursor: pointer;
        border-radius: 50%;
        overflow: hidden;
    }

    .teacher-nav .small-imgs span img {
        border-radius: 50%;
    }

    .small-imgs span:hover,.small-imgs span.cur {
        width: 98px;
        height: 98px;
        border: solid 1px #1873bd;
    }

    /*about*/
    .about-box .ifa {
        width: 100%;
        height: 100%;
    }

    .about-box {
        width: 100%;
        position: relative;
        height: 260px;
        padding-bottom: 0px;
    }

    .about-box iframe {
        width: 100%;
        height: 250px;
    }

    .about-box img {
        width: 698px;
        height: 445px;
        padding-top: 30px;
    }

    .spvideo {
        overflow: hidden;
    }

    .about-box a.img-box {
        display: block;
        width: 698px;
        height: 445px;
        position: absolute;
        left: 0;
        top: 27px;
        z-index: 2;
    }

    .about-box video {
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        height: auto;
        top: 0;
    }

    .about-box .r-kuang {
        width: 100%;
        height: auto;
        border: solid 1px #1a1a1a;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .about-box em.line {
        display: block;
        width: 162px;
        height: 1px;
        background-color: #1873bd;
        position: absolute;
        right: 402px;
        top: 88px;
        z-index: 3;
    }

    .about-box .infos {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0px;
        top: 80%;
        z-index: 4;
        padding-left: 9%;
        opacity: 1 !important;
    }

    .about-box h2 {
        margin: 45px 0 15px;
    }

    .about-box h2 a {
        font-size: 30px;
        color: #1a1a1a;
    }

    .about-box h3 {
        font-size: 16px;
        color: #1a1a1a;
        padding: 10px 0;
    }

    .about-box .infos>p {
        width: 100%;
        line-height: 26px;
    }

    .about-box .numbers {
        margin-top: 10px;
        font-size: 16px;
        color: #333;
        margin-left: -25px;
    }

    .about-box .numbers span {
        font-size: 30px;
        color: #1a1a1a;
        font-family: 'FreeSerif';
        font-weight: bold;
    }

    .about-box .numbers>div {
        display: inline-block;
        border-bottom: solid 1px #1873bd;
        padding-bottom: 3px;
    }

    .about-box .numbers .myd {
        padding-left: 75px;
    }

    .about-box .numbers .teacher {
        margin: 18px 0 18px 198px;
        padding-right: 30px;
    }

    .about-box .numbers .zhengshu {
        margin-left: 55px;
        padding-left: 68px;
    }

    /*hzkh*/
    .hezuo-wrap {
        width: 100%;
        background-color: #f5f5f5;
        padding-bottom: 50px;
    }

    .companys {
        width: 1200px;
        overflow: hidden;
    }

    .companys ul {
        width: 3600px;
        position: relative;
        overflow: hidden;
    }

    .companys li {
        float: left;
        width: 1200px;
    }

    .companys ul li span {
        display: block;
        float: left;
        width: 191px;
        margin: 0 10px 10px 0;
        overflow: hidden;
    }

    .companys ul li span.mr0 {
        margin-right: 0;
    }

    /*hezuo*/
    .hz-b {
        margin: auto;
        width: 100%;
    }

    #hz {
        width: 100%;
        margin: 0 auto;
        background: url(../images/20161030162308_468525249.jpg) center no-repeat;
        height: auto;
        padding-top: 40px;
    }

    .hz1 {
        width: 100%;
        height: 65px;
        text-align: center;
        background: url(../images/20161030162440_1096661181.png) center no-repeat;
    }

    .hz1_1 {
        font-size: 28px;
        color: #fff;
        letter-spacing: 2px;
        text-align: center;
        font-weight: bold;
        font-family: "Microsoft YaHei";
    }

    .hz1_1 span {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 4px;
        font-family: "Microsoft YaHei";
    }

    .hz1_2 {
        font-family: Arial;
        font-size: 14px;
        letter-spacing: 1px;
        color: #d9d9d9;
        text-transform: uppercase;
        text-align: center;
        line-height: 36px;
    }

    .hz2 {
        width: 100%;
        height: auto;
    }

    /*news*/
    .news-cont {
        padding-bottom: 0px;
    }

    .news-box {
        display: none;
    }

    .news_list ul li {
        width: 100%;
        padding: 10px 0;
        float: left;
    }

    .news_list ul li:nth-child(2n) {
        float: right
    }

    .news_list a {
        display: block
    }

    .news_list .img {
        width: 42%;
        float: left;
        margin-right: 20px;
    }

    .news_list .text {
        width: 52%;
        float: right;
    }

    .news_list .p_time {
        height: auto;
        color: #a1a1a1
    }

    .news_list h3 {
        margin-top: 10px;
        font-size: 16px;
        color: #000;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .news_list p {
        line-height: 20px;
        color: #999;
        height: 40px;
        overflow: hidden
    }

    .news_list .line {
        width: 100%;
        height: 1px;
        background: #efefef;
        margin: 8px 0
    }

    .news_list .line label {
        display: block;
        width: 13px;
        height: 1px;
        background: #000
    }

    .news_list a:hover .line label {
        width: 100%
    }

    .btn_more {
        text-align: center;
    }

    .btn_more a {
        display: inline-block;
        padding: 0 45px;
        line-height: 42px;
        border: 1px solid #b2b2b2;
        color: #999;
    }

    .btn_more a:hover {
        border-color: #fb3546;
        color: #fb3546
    }

    /*links*/
    .friend-links {
        width: 1198px;
        display: none;
        padding: 8px 0;
        margin: 0 auto;
        border: solid 1px #e6e6e6;
        margin-bottom: 30px;
        overflow: hidden;
    }

    /*移动端底部导航*/
    .footer {
        display: none;
    }

    .phonefooternav {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 99999;
        display: block;
    }

    .phonefooternav ul li {
        width: 24.7%;
        background: #333;
        float: left;
        padding: 10px 0;
        border-right: 1px solid #666;
        list-style: none;
    }

    .phonefooternav ul li a {
        display: block;
        color: #fff;
        text-align: center;
    }

    .phonefooternav ul li a:hover {
        text-decoration: initial;
    }

    .phonefooternav ul li a i {
        display: block;
        font-size: 20px;
        padding: 10px 0;
    }

    @media (max-width: 480px) {
        .phonefooternav ul li {
            padding:5px 0px;
        }
    }

    @media (max-width: 768px) {
        .navbar-default {
            margin:0px!important;
        }

        #main_banner {
            margin-top: 60px;
        }

        .news_p_list {
            width: 100%;
            margin: auto;
        }

        .news_p_list .tp1 {
            top: 300px;
            right: 45%;
            position: fixed;
        }

        .news_p_list .tp1 img {
            display: none;
        }

        .wow_list {
            overflow: hidden;
            margin-bottom: 3%;
        }

        .news_list {
            display: block;
            margin-bottom: 20%;
        }

        .news_p_list .tp2 {
            top: 500px;
            right: 45%;
            position: fixed;
        }

        .news_p_list .tp2 img {
            display: none;
        }

        .news_p_list .tp3 {
            top: 760px;
            right: 45%;
            position: fixed;
        }

        .news_p_list .tp3 img {
            display: none;
        }

        .news_p_list .tp4 {
        }

        .news_p_list .tp4 img {
        }

        .news_p_list ul li {
            clear: both;
            margin-bottom: auto;
            overflow: hidden;
            margin-bottom: 2%;
        }

        .news_p_list .img {
            width: 100%;
            float: right;
            overflow: hidden;
            position: relative;
        }

        .news_p_list .img img {
            max-width: 100%;
            position: relative;
        }

        .news_p_list li:nth-child(2n+1) .img {
            float: left;
            margin-right: 0px;
            margin-left: 0;
            overflow: hidden;
            position: relative;
            width: 100%;
        }

        .btn {
            width: 14%;
            float: left;
            margin-left: 3%;
            margin-top: 2%;
        }

        .btn a {
            display: block;
            line-height: 30px;
            border: 1px solid #999;
            text-align: center;
        }

        .btn a span {
            text-transform: uppercase;
            display: inline-block;
            font-size: 18px;
            color: #666;
            padding-right: 20px;
            background: url(../images/icon5.png)no-repeat right center
        }

        .btn a:hover {
            border-color: #faad39
        }

        .btn a:hover span {
            padding-right: 30px;
            color: #faad39;
            background: url(../images/icon5-1.png)no-repeat right center
        }

        .news_p_list .text {
            overflow: hidden;
            width: 100%;
            float: right;
            margin-top: 0%;
        }

        .news_p_list .text h3 {
            font-size: 18px;
            font-weight: 400;
        }

        .news_p_list .text h3 a {
            display: block;
            padding-right: 0px;
            position: relative;
            white-space: nowrap;
            font-size: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .news_p_list .text h3 a:hover {
            color: #faad39
        }

        .news_p_list .text h3 span {
            position: absolute;
            top: 0;
            right: 0;
            color: #999;
            font-size: 16px
        }

        .news_p_list .text p {
            line-height: 30px;
            color: #666;
            /* height:30px;*/
            font-size: 14px;
            overflow: hidden;
        }

        .news_p_list .btn span {
            font-size: 12px;
        }

        .news_p_list .text h3 {
            padding-top: 20px;
            font-size: 18px;
            margin-top: 0%;
            font-weight: 400;
            line-height: 50px;
        }
    }

    /*tp*/
    .img-box {
        overflow: hidden;
    }

    .img-box img,.ques-infos li,.news-infos .txts,.about-box h2 {
        -webkit-transition: all 1s linear;
        -moz-transition: all 1s linear;
        -ms-transition: all 1s linear;
        transition: all 1s linear;
    }

    .img-box:hover img,.news-infos:hover .txts {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .ques-infos li:hover,.about-box h2:hover {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    .service-infos,.peixun-wrap .right-side,.about-wrap .img-box,.about-wrap .line,.zixun-wrap .p1,.zixun-wrap .p2,.zixun-wrap .p3 {
        opacity: 0;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    .service-nav,.peixun-wrap .left-side,.about-wrap .r-kuang,.about-wrap .infos,.zixun-wrap .p4 {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    .service-wrap.active .service-infos,.service-wrap.active .service-nav,.peixun-wrap.active .left-side,.peixun-wrap.active .right-side,.case-wrap.active .case-box,.about-wrap.active .img-box,.about-wrap.active .line,.about-wrap.active .r-kuang,.about-wrap.active .infos,.zixun-wrap.active .q-list p {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all .8s ease-out;
        -moz-transition: all .8s ease-out;
        -ms-transition: all .8s ease-out;
        transition: all .8s ease-out;
    }

    .case-box {
        opacity: 0;
    }

    .youshi-box .info {
        opacity: 0;
    }

    .youshi-box .info:first-child {
        left: 438px;
        width: 100%;
        margin-bottom: 3%;
    }

    .youshi-box .info:last-child {
        left: -438px;
    }

    .youshi-wrap.active .youshi-box .info {
        opacity: 1;
        left: 0;
        -webkit-transition: all .8s linear;
        -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
        transition: all .8s linear;
    }

    .fabao-cont p {
        opacity: 0;
        font-size: 19px;
    }

    .fabao1 {
        left: -60px;
    }

    .fabao2 {
        left: -60px;
    }

    .fabao3 {
        left: -100px;
    }

    .fabao4 {
        left: -90px;
    }

    .fabao55 {
        left: -110px;
    }

    .fabao5 {
        right: -60px;
    }

    .fabao6 {
        right: -60px;
    }

    .fabao7 {
        right: -60px;
    }

    .fabao8 {
        right: -60px;
    }

    .fabao10 {
        right: -60px;
    }

    .fabao-wrap.active .fabao-cont p {
        opacity: 1;
        -webkit-transition: all .6s ease-out;
        -moz-transition: all .6s ease-out;
        -ms-transition: all .6s ease-out;
        transition: all .6s ease-out;
    }

    .fabao-wrap.active .fabao1 {
        left: 29px;
    }

    .fabao-wrap.active .fabao2 {
        left: 20px;
    }

    .fabao-wrap.active .fabao3 {
        left: 8px;
    }

    .fabao-wrap.active .fabao4 {
        left: 20px;
    }

    .fabao-wrap.active .fabao55 {
        left: 52px;
    }

    .fabao-wrap.active .fabao5 {
        right: 50px;
    }

    .fabao-wrap.active .fabao6 {
        right: 15px;
    }

    .fabao-wrap.active .fabao7 {
        right: 5px;
    }

    .fabao-wrap.active .fabao8 {
        right: 20px;
    }

    .fabao-wrap.active .fabao10 {
        right: 50px;
    }

    /*底部图标*/
}